<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#{
				margin: 0 auto;
				padding: 0;
			}
			
			div{
				position: relative;
				margin: 50px;
				text-align: center;
				
			}
			#D1{
				width: 80%;
			}
			ul li{
				float: left;
				list-style-type: none;
				padding: 4px;
			}
			ul{
				position: absolute;
				bottom: 10px;
				right: 620px;
			}
			span{
				border-radius:50% ;
				background: #3e3e3e;
				padding-left:5px ;
				padding-right:5px ;
				color: white;
			}
		</style>
	</head>
	<body>
		<div id="#">
			<img src="Photo/image/focus.jpg" id="D1" />
			<ul>
				<li><span>1</span></li>
				<li><span>2</span></li>
				<li><span>3</span></li>
				<li><span>4</span></li>
				<li><span>5</span></li>
			</ul>
		</div>
		
	</body>
</html>
